<footer>
  <div class="footer">
    <div class="container">
      <ul class="footer__menu__top">
        <li class="footer__menu__item">
          <%= link_to 'home', '/index.html' %>
        </li>
        <!--li class="footer__menu__item">
                    <%= link_to 'About', '/about.html' %>
                </li-->
        <li class="footer__menu__item">
          <%= link_to 'careers', '/careers.html' %>
        </li>
        <!--li class="footer__menu__item">
                    <%= link_to 'team', '/team.html' %>
                </li-->
        <li class="footer__menu__item">
          <%= link_to 'apply', '/careers.html' %>
        </li>
        <li class="footer__menu__item">
          <%= link_to 'contact', '/contact.html' %>
        </li>
        <li class="footer__menu__item">
          <%= link_to 'Blog', 'http://blog.gojek.io', :target => '_blank' %>
        </li>
      </ul>
      <div class="pure-g">
        <div class="pure-u-xl-1-3 pure-u-lg-1-3 pure-u-md-1-3 pure-u-sm-1 pure-u-1">
          <ul class="footer__menu__bottom">
            <li class="footer__menu__item">
              <a href="/"><%= image_tag "logo.svg", :class => 'navbar__logo' %></a>
            </li>
          </ul>
        </div>
        <div class="pure-u-xl-1-3 pure-u-lg-1-3 pure-u-md-1-3 pure-u-sm-1 pure-u-1">
          <ul class="footer__menu__bottom footer__apps">
            <li class="footer__menu__item footer__apps__title">Download app</li>
            <li class="footer__menu__item">
              <a href="https://play.google.com/store/apps/details?id=com.gojek.app" target="_blank"><%= image_tag "footer/playstore.svg", :class => 'footer__icon' %></a>
            </li>
            <li class="footer__menu__item">
              <a href="https://itunes.apple.com/dm/app/go-jek/id944875099?mt=8" target="_blank"><%= image_tag "footer/apple.svg", :class => 'footer__icon' %></a>
            </li>
          </ul>
        </div>
        <div class="pure-u-xl-1-3 pure-u-lg-1-3 pure-u-md-1-3 pure-u-sm-1 pure-u-1">
          <ul class="footer__menu__bottom footer__social">
            <li class="footer__menu__item">
              <a href="http://www.facebook.com/gojektech" target="_blank"><%= image_tag "social/facebook.svg", :class => 'footer__social__icon' %></a>
            </li>
            <li class="footer__menu__item">
              <a href="http://www.twitter.com/gojektech" target="_blank"><%= image_tag "social/twitter.svg", :class => 'footer__social__icon' %></a>
            </li>
            <li class="footer__menu__item">
              <a href="http://www.instagram.com/gojek.tech" target="_blank"><%= image_tag "social/instagram.svg", :class => 'footer__social__icon' %></a>
            </li>
            <li class="footer__menu__item">
              <a href="https://www.linkedin.com/company/10670234/" target="_blank"><%= image_tag "social/linkedin.svg", :class => 'footer__social__icon' %></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
